<template>
  <view class="flex-col page">
    <view class="flex-col group">
      <view class="flex-col">
        <view class="flex-col section_3">
          <view class="justify-between group_2" @click="go('/pages/my/setting/security/security')">
            <text class="text_1">账号与安全</text>
            <image
              :src="$IMG_URL+'16557838861113221762.png'"
              class="image_2 image_3"
            />
          </view>
          <image
		  :src="$IMG_URL+'16557836384872241555.png'"
           class="image_4"
          />
          <view class="justify-between group_3" @click="go('/pages/my/setting/feedback/feedback')">
            <text class="text_2">意见反馈</text>
            <image
              :src="$IMG_URL+'16557838861113221762.png'"
              class="image_2 image_6"
            />
          </view>
          <image
		   :src="$IMG_URL+'16557836384872241555.png'"
          
            class="image_4"
          />
          <view class="justify-between group_3" @click="go('/pages/guide/guide')">
            <text class="text_2">关于我们</text>
            <image
              :src="$IMG_URL+'16557838861113221762.png'"
              class="image_2 image_6"
            />
          </view>
          <image
		  :src="$IMG_URL+'16557836384872241555.png'"
          
            class="image_4"
          />
          <view class="justify-between group_3" @click="go('/pages/guide/guide')">
            <text class="text_2">用户注册协议</text>
            <image
              :src="$IMG_URL+'16557838861113221762.png'"
              class="image_2 image_6"
            />
          </view>
          <image
		  :src="$IMG_URL+'16557836384872241555.png'"
         
            class="image_4"
          />
          <view class="justify-between group_4" @click="go('/pages/guide/guide')">
            <text class="text_6">隐私政策</text>
            <image
              :src="$IMG_URL+'16557838861113221762.png'"
              class="image_2 image_13"
            />
          </view>
        </view>
        <view class="flex-col section_4">
          <view class="justify-between group_5" @click="clearStorage">
            <text class="text_7">清除缓存</text>
            <view class="flex-row group_6">
              <text class="text_8">3.54M</text>
              <image
                :src="$IMG_URL+'16557838861113221762.png'"
                class="image_2 image_14"
              />
            </view>
          </view>
          <image
		   :src="$IMG_URL+'16557836384872241555.png'"
            class="image_4"
          />
          <view class="justify-between group_7" @click="checkVersion">
            <text class="text_9">检查更新</text>
            <view class="flex-row group_8">
              <text class="text_10">V1.3.2</text>
              <image
                :src="$IMG_URL+'16557838861113221762.png'"
                class="image_2 image_16"
              />
            </view>
          </view>
        </view>
      </view>
      <view class="flex-col items-center button"><text class="text_11">退出登录</text></view>
    </view>
  </view>
</template>

<script>
  export default {
    components: {},
    data() {
      return {};
    },
    methods: {
		
		clearStorage(){
			uni.showModal({
				title: '提示',
				content: '确定清除本地缓存吗？',
				success: function (res) {
					if (res.confirm) {
						console.log('用户点击确定');
					} else if (res.cancel) {
						console.log('用户点击取消');
					}
				}
			});
		},
		checkVersion()
		{
			this.$u.toast('已是最新版本~');
		}
	},
  };
</script>

<style scoped lang="css">
  .image_4 {
    width: 91.4667vw;
    height: 0.2667vw;
  }
  .group_3 {
    padding: 28rpx 0 40rpx;
  }
  .image_2 {
    width: 14rpx;
    height: 26rpx;
  }
  .text_2 {
    color: #333333;
    font-size: 32rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 38rpx;
  }
  .image_6 {
    margin-top: 13rpx;
  }
  .page {
    background-color: #f6f7f9;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
  }
  .group {
    flex: 1 1 auto;
    overflow-y: auto;
  }
  .button {
    margin-top: 322.5rpx;
    padding: 25rpx 0 37rpx;
    background-color: #ffffff;
  }
  .section_3 {
    padding-left: 32rpx;
    padding-right: 31.5rpx;
    background-color: #ffffffff;
  }
  .section_4 {
    margin-top: 20rpx;
    padding: 0 32rpx;
    background-color: #ffffffff;
  }
  .text_11 {
    color: #1d6aff;
    font-size: 32rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 38rpx;
  }
  .group_2 {
    padding: 25.5rpx 0 40rpx;
  }
  .group_4 {
    padding: 27.5rpx 0 40.5rpx;
  }
  .group_5 {
    padding: 29rpx 0 35rpx;
  }
  .group_7 {
    padding: 28rpx 0 38rpx;
  }
  .text_1 {
    color: #333333;
    font-size: 32rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 38rpx;
  }
  .image_3 {
    margin-top: 13rpx;
  }
  .text_6 {
    color: #333333;
    font-size: 32rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 38rpx;
  }
  .image_13 {
    margin-top: 13rpx;
  }
  .text_7 {
    margin-bottom: 6rpx;
    color: #333333;
    font-size: 32rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 38rpx;
  }
  .group_6 {
    margin-top: 11rpx;
  }
  .text_9 {
    margin-bottom: 4rpx;
    color: #333333;
    font-size: 32rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 38rpx;
  }
  .group_8 {
    margin-top: 9rpx;
  }
  .text_8 {
    color: #666666;
    font-size: 28rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 33rpx;
  }
  .image_14 {
    margin-left: 22rpx;
    margin-bottom: 5rpx;
    flex-shrink: 0;
  }
  .text_10 {
    color: #666666;
    font-size: 28rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 33rpx;
  }
  .image_16 {
    margin: 3rpx 0 4rpx 22rpx;
    flex-shrink: 0;
  }
</style>